<!DOCTYPE html>
<html lang="en">

<head>
    <!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
    <link href="../vendor/bootstrap-grid.css" rel="stylesheet">
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/favicon.ico">
    <link rel="icon" type="image/png" href="../assets/img/favicon.ico">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
        name='viewport' />



    <!-- Font Awesome Icons -->
    <!-- <link rel="stylesheet" href="#" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="#" crossorigin="anonymous">

    <!-- Main CSS -->
    <link href="../assets/css/main.css" rel="stylesheet" />
    <link href="../assets/layui/css/layui.css" rel="stylesheet">
    <link href="../assets/layui/cascader/cascader.css" rel="stylesheet">
    <!-- Animation CSS -->
    <link href="../vendor/aos.css" rel="stylesheet" />
    <style>
        .col,
        .selControlItem,
        .selControl {
            /* display: flex;
            justify-content: space-between; */
        }

        .form-control {
            /* width: 82%; */
        }

        label {
            width: 17%;
            line-height: 38.8px;
        }

        #probation {
            padding: 0 30px;
        }

        .productDefin {
            width: 17%;
        }

        .selControl {
            width: 100%;
        }



        .definition {
            display: none;
        }

        .selShow {
            display: block !important;
        }

        .selRadio {
            width: 82%;
            line-height: 38.8px;
        }

        .selRadio span {
            padding-right: 30px;
        }

        input[type='radio'] {
            margin-right: 10px;
        }

        .layui-form-label {
            width: 120px;
        }

        .selControlItem {
            width: 82%;
            padding-bottom: 15px;
        }

        .selControlItem span {
            line-height: 38.8px;
        }

        .table tr:last-child {
            border: none;
        }

        .table tr th {
            background-color: #4476A7;
            color: #fff;
            font-weight: 400;
            text-align: center;
            position: relative;
        }

        .table tr th::after {
            content: '';
            width: 1px;
            height: 12px;
            position: absolute;
            right: 0;
            background-color: #fff;
            top: 50%;
            transform: translateY(-50%);
        }

        .table tr th:last-child::after {
            content: '';
            width: 0;
            height: 0;
            background-color: transparent;
        }

        .table tr td {
            text-align: center;
            border: 1px solid green;
            border-top: 1px solid green;
            vertical-align: baseline;
            position: relative;
        }

        .table tr td select {
            width: 80%;
            outline: none;
            border: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        table tr td input {
            outline: none;
            border: none;
            text-align: center;
            width: 100%;
        }

        table tr td:last-child {
            border: none;
        }

        /* 火狐样式 */
        @media screen and (min--moz-device-pixel-ratio:0) {

            #controlSet tr td>input,
            #priceSet tr td>input {
                margin-top: -30px;
                display: block;
            }
        }

        .layui-input-block .ruleChoose {
            position: absolute;
            top: 10px;
        }

        .layui-input-block .ruleChooseBtn {
            text-decoration: underline !important;
            cursor: pointer;
        }

        .layui-input-block .ruleChooseSelect {}

        .layui-input-block .ruleChooseTip {}

        .show {
            display: block;
        }

        .hide {
            display: none;
        }

        .fieldTable {
            /* 设置固定高度 */
            /*height: 180px; !* 你可以根据需要调整高度值 *!*/
            overflow: auto;
            /* 或者使用 overflow: scroll; */
        }

        .fieldTable::-webkit-scrollbar {
            width: 10px;
            /* 设置滚动条宽度 */
        }

        .fieldTable::-webkit-scrollbar-thumb {
            background: #888;
            /* 设置滚动条滑块背景颜色 */
        }
    </style>
</head>

<body class="layui-layout-body">


    <!-------------------------------------- PRICING --------------------------------------->
    <section class="pt-4 pb-5">
        <div class="col-md-12" id="probation">
            <form id="rawForm" class="layui-form" lay-filter="rawSonForm">
                <div class="row form-group">
                    <div class="col">
                        <label class="layui-form-label">名称：</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <input type="text" class="form-control" name="tableName">
                        </div>
                    </div>
                    <div class="col ">
                        <label class="layui-form-label">别名:</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <input name="tableNickName" class="form-control" id="tableNickName" placeholder="请输入别名">
                        </div>
                    </div>
                </div>
                <div class="row form-group">
                    <!--                <div class="col">-->
                    <!--                    <label class="layui-form-label"><span style="color: red;">*</span>所在资源：</label>-->
                    <!--                    <div class="layui-input-block" style="margin-left: 120px;">-->
                    <!--                        <input id="datasourceDbName" name="datasourceDbName" disabled class="form-control"/>-->
                    <!--                    </div>-->
                    <!--                </div>-->
                    <div class="col">
                        <label class="layui-form-label"><span style="color: red;">*</span>数据通道</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <input type="text" id="BaseSel" placeholder="请选择数据通道" name="sourceId">
                        </div>
                    </div>
                    <div class="col">
                        <label class="layui-form-label"><span style="color: red;">*</span>记录数量：</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <input type="text" class="form-control" name="quantity" disabled>
                        </div>
                    </div>
                </div>
                <div class="row form-group">
                    <div class="col">
                        <label class="layui-form-label"><span style="color: red;">*</span>所属分类</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <input id="TypeSel" readonly
                                style="display: block;width: 100%;height: calc(2.3rem + 2px);padding: 0.35rem 1.2rem;font-size: 1rem;line-height: 1.6;border: 1px solid #ced4da;" />
                        </div>
                    </div>
                    <div class="col">
                        <label class="layui-form-label"><span style="color: red;">*</span>关键词</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <input type="text" class="form-control" placeholder="请填写关键词以英文逗号分隔" name="keywordSet"
                                id="keyWordSel">
                        </div>
                    </div>
                </div>
                <div class="row form-group">
                    <div class="col">
                        <label class="layui-form-label"><span style="color: red;">*</span>是否启用：</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <!--                        <input type="text" class="form-control" required="" name="isUsingIpt" >-->
                            <input type="radio" name="isUsing" value="1" title="是">
                            <input type="radio" name="isUsing" value="0" title="否" checked>
                        </div>
                    </div>
                    <div class="col">
                        <label class="layui-form-label"><span style="color: red;">*</span>是否有条件共享：</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <!--                        <input type="text" class="form-control" required="" name="isShareIpt" >-->
                            <input type="radio" name="isShare" value="1" title="是">
                            <input type="radio" name="isShare" value="0" title="否" checked>
                        </div>
                    </div>
                </div>
                <div class="row form-group">
                    <div class="col">
                        <label class="layui-form-label">是否免费：</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <!--                        <input type="text" class="form-control" required="" name="isFreeIpt" >-->
                            <input type="radio" name="isFree" value="1" title="是">
                            <input type="radio" name="isFree" value="0" title="否" checked>
                        </div>
                    </div>
                    <div class="col ">
                        <label class="layui-form-label">所属单位:</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <input name="departInfo" class="form-control" placeholder='按照"平台/单位/部门"格式填写,使用/分隔"'>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="layui-form-label">详细说明：</label>
                    <div class="layui-input-block" style="margin-left: 120px;">
                        <textarea type="text" class="form-control" required="" name="description"
                            placeholder="请输入详细说明"></textarea>
                    </div>
                </div>
                <div class="form-group ">
                    <label class="layui-form-label">字段信息：</label>
                    <div class="layui-input-block fieldTable" style="margin-left: 120px;">
                        <table class="layui-table" id="rawSonFiledTable" lay-filter="rawSonFieldTableFilter"></table>
                    </div>
                </div>
                <div style="text-align: right;">
                    <button class="btn btn-sm btn-cyan btn-round text-white mt-3" type="button"
                        id="cancelAllForm">保存</button>
                    <button class="btn btn-sm btn-cyan btn-round text-white mt-3" type="button"
                        id="submitAllForm">提交审核</button>
                </div>
            </form>

        </div>
    </section>



    <!-------------------------------------- JAVASCRIPT --------------------------------------->
    <script type="text/html" id="columnNickName">
    <input class="columnNickName layui-input" size="9"  name="{{d.fieldAlias}}" data-id="{{d.id}}" value="{{d.fieldAlias}}"/>
</script>
    <script type="text/html" id="remark">
    <input class="remark layui-input" size="9"  name="{{d.remark}}" data-id="{{d.id}}" value="{{d.remark}}"/>
</script>
    <script type="text/html" id="isUsing">
    <input type="checkbox"  class="isUsing" lay-skin="switch" lay-text="是|否" lay-filter="isUsing" data-id={{d.id}} value={{d.isUsing}}
           {{ d.isUsing=="1" ? 'checked' : '' }}>
</script>



    <script src="../vendor/jquery.min.js" type="text/javascript"></script>
    <script src="../vendor/popper.min.js" type="text/javascript"></script>
    <script src="../vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../vendor/share.js" type="text/javascript"></script>
    <script src="../js/functions.js" type="text/javascript"></script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.js"></script> -->
    <script src="../vendor/bootstrap.bundle.js"></script>
    <script src="../assets/layui/layui.js" type="text/javascript"></script>
    <script src="../assets/layui/cascader/cascader.js" type="text/javascript"></script>
    <script src="../js/tool.js" type="text/javascript"></script>

    <!-- Animation -->
    <script src="../vendor/aos.js" type="text/javascript"></script>
    <script src="../js/popupPage/rawSonDataDetail.js" type="text/javascript"></script>

</body>

</html>